﻿/*-------------------------------------------- Search Page Template----------------------------------------------- */

html,body{
margin:0px;	
padding:0px;
background-color:white;
background-image:url('http://localhost:51347/AvantoPro/IMAGE/SKINS/background.jpg');
}

#main-wrap{
width:auto;
margin-left:120px;
margin-right:120px;
margin-top:20px;
margin-bottom:80px;
padding:2px;
background-color:;

}

#headerContainer{
height:130px;
margin-bottom:0px;
background-color:#F8F8F8;
}
   
.headerFront
{
height:90px;    
background-color:#FFFFFF;
z-index:100;

}   
.nav
{
    height:40px;
    z-index:500;
    
    
}

.headerImage
{
    position:relative;
    width:25%;
    height:80px;
    margin-left:10px;
    margin-top:8px;
    z-index:2;
    float:left;
}
.headerSearch
{
    position:relative;
    width:37%;
    margin-left:10px;
    margin-top:8px;
    z-index:2;
    float:left;
    top: 0px;
    left: 48px;
    height: 79px;
}
.headerLink
{
    position:relative;
    width:20%;
    margin-left:10px;
    margin-top:8px;
    z-index:2;
    float:left;
}



#content{
min-height:600px;
min-width:840px;
padding:5px;
background-color:#FFFFFF;

}

#products
{

    width:auto;
    height:auto;
    z-index:1;
    border:1px solid black;
    
}
.category
{
	position:relative;
    width:20%;
    height:700px;
    margin-left:3px;
    margin-top:5px;
    z-index:2;
    border:1px solid black;
    float:left;
}  
.Criteria
{
  height:250px;
  border:1px solid black;
  margin-top:20px;
  margin-left:5px;
  margin-right:5px;
}
.items
{
	position:relative;
    width:78%;
    height:350px;
    margin-left:8px;
    margin-top:5px;
    z-index:2;
    border:1px solid black;
    float:left;

}  
.cart
{
    float:right;
    margin-top:-50px;
    MARGIN-RIGHT:10PX;
}
.lef
{
	position:relative;
    width:33%;
    height:240px;
    margin-left:2px;
    margin-top:50px; 
    z-index:2;
    border:1px solid white;
    float:left;
   
}  
.cen
{
	position:relative;
    width:33%;
    height:240px;
    margin-left:2px;
    margin-top:50px;
    z-index:3;
    border:1px solid white;
    float:left;
    
}  
.rit
{
	position:relative;
    width:32%;
    height:240px;
    margin-left:2px;
    margin-top:50px;
    z-index:4;
    border:1px solid white;
    float:left;
    
} 
      
#footer
{
height:100px;    
clear:both;
margin-top:0px;
padding:5px;
background-color:#F8F8F8;
text-align:center;

}
/* -------------------------------------------------Search Page Template Ends------------------------------------- */




/* -------------------------------------------------Mega Menu Style----------------------------------------------- */

ul.ldd_menu{
	margin:0px;
	padding:0;
	display:block;
	height:30px;
	background-color:#101010;
	list-style:none;
	font-family:"Trebuchet MS", sans-serif;
	border-top:1px solid #101010;
	border-bottom:1px solid #101010;
	border-left:10px solid #101010;
	-moz-box-shadow:0px 3px 4px #D0D0D0;
	-webkit-box-shadow:0px 3px 4px #D0D0D0;
	-box-shadow:0px 3px 4px #D0D0D0;
	z-index:500;
	
}
ul.ldd_menu a{
	text-decoration:none;
}
ul.ldd_menu > li{
	float:left;
	position:relative;
    top: -1px;
    left: -4px;
    height: 30px;
}
ul.ldd_menu > li > span{
	float:left;
	color:#fff;
	background-color:#101010;
	height:30px;
	line-height:30px;
	cursor:default;
	padding:0px 20px;
	text-shadow:0px 0px 1px #fff;
	border-right:1px solid #101010;
	border-left:1px solid #101010;
}
ul.ldd_menu .ldd_submenu{
	position:absolute;
	z-index:5;
	top:30px;
	width:550px;
	display:none;
	opacity:0.95;
	left:0px;
	font-size:10px;
	background: #101010;
	border-top:1px solid #101010;
	-moz-box-shadow:0px 3px 4px #D0D0D0 inset;
	-webkit-box-shadow:0px 3px 4px #D0D0D0 inset;
	-box-shadow:0px 3px 4px #D0D0D0 inset;
}
a.ldd_subfoot{
	background-color:#f0f0f0;
	color:#444;
	display:block;
	clear:both;
	padding:15px 20px;
	text-transform:uppercase;
	font-family: Arial, serif;
	font-size:12px;
	text-shadow:0px 0px 1px #fff;
	-moz-box-shadow:0px 0px 2px #777 inset;
	-webkit-box-shadow:0px 0px 2px #777 inset;
	-box-shadow:0px 0px 2px #777 inset;
}
ul.ldd_menu ul{
	list-style:none;
	float:left;
	border-left:1px solid #DF7B61;
	margin:20px 0px 10px 30px;
	padding:10px;
}
li.ldd_heading{
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: italic;
	color:#FFB39F;
	text-shadow:0px 0px 1px #B03E23;
	padding:0px 0px 10px 0px;
}
ul.ldd_menu ul li a{
	font-family: Arial, serif;
	font-size:10px;
	line-height:20px;
	color:#fff;
	padding:1px 3px;
}
ul.ldd_menu ul li a:hover{
	-moz-box-shadow:0px 0px 2px #333;
	-webkit-box-shadow:0px 0px 2px #333;
	box-shadow:0px 0px 2px #333;
	background:#AF412B;
}

/*--------------------------------------- Mega Menu Style ENDS ---------------------------------------------------*/


/*--------------------------------------- SEARCH BOX STYLE BEGINS -------------------------------------------------*/

 .form-wrapper-01 {
        width: 450px;
        padding: 10px;
        margin-top:6px;
        margin-left:130px;
        overflow: hidden;
        border-width: 1px;
        border-style: solid;
        border-color: #dedede #bababa #aaa #bababa;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;    
        background-color: #f6f6f6;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8)); 
        background-image: -webkit-linear-gradient(top, #f6f6f6, #eae8e8);
        background-image: -moz-linear-gradient(top, #f6f6f6, #eae8e8);
        background-image: -ms-linear-gradient(top, #f6f6f6, #eae8e8);
        background-image: -o-linear-gradient(top, #f6f6f6, #eae8e8);
        background-image: linear-gradient(top, #f6f6f6, #eae8e8);
    }
    
    .form-wrapper-01 #search {
        width: 330px;
        height: 20px;
        padding: 10px 5px;
        float: left;    
        font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
        border: 1px solid #ccc;
        -moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        -webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;      
    }
    
    .form-wrapper-01 #search:focus {
        outline: 0;
        border-color: #aaa;
        -moz-box-shadow: 0 1px 1px #bbb inset;
        -webkit-box-shadow: 0 1px 1px #bbb inset;
        box-shadow: 0 1px 1px #bbb inset;
    }
    
    .form-wrapper-01 #search::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
	   font-size:12px;
	   font-style:italic;
    }
    
    .form-wrapper-01 #search:-moz-placeholder {
        color: #999;
        font-weight: normal;
	   font-size:12px;
	   font-style:italic;
    }
    
    .form-wrapper-01 #search:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
	   font-size:12px;
	   font-style:italic;
    }    
    
    .form-wrapper-01 #submit {
        float: right;    
        border: 1px solid #00748f;
        height: 42px;
        width: 100px;
        padding: 0;
        cursor: pointer;
        font: bold 15px Arial, Helvetica;
        color: #fafafa;
        text-transform: none;    
        background-color: #202020;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#202020));
        background-image: -webkit-linear-gradient(top, #303030, #202020);
        background-image: -moz-linear-gradient(top, #303030, #202020);
        background-image: -ms-linear-gradient(top, #303030, #202020);
        background-image: -o-linear-gradient(top, #303030, #202020);
        background-image: linear-gradient(top, #303030, #202020);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;      
        text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
    }
      
    .form-wrapper-01 #submit:hover,
    .form-wrapper-01 #submit:focus {		
        background-color: #202020;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#202020));
        background-image: -webkit-linear-gradient(top, #303030, #202020);
        background-image: -moz-linear-gradient(top, #303030, #202020);
        background-image: -ms-linear-gradient(top, #303030, #202020);
        background-image: -o-linear-gradient(top, #303030, #202020);
        background-image: linear-gradient(top, #303030, #202020);
    }	
      
    .form-wrapper-01 #submit:active {
        outline: 0;    
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;    
    }
      
    .form-wrapper-01 #submit::-moz-focus-inner {
        border: 0;
    }
    
    /*--------------------------------------- SEARCH BOX STYLE ENDS -------------------------------------------------*/
    
    
    
    /*--------------------------------------- JQGRID STYLE STARTS -------------------------------------------------*/
        
      
        
/*--------------------------------------- JQGRID STYLE ENDS -------------------------------------------------*/        

/* AS OF NOW THESE ARE DUMPS


        .box
        {
            width: 100%;
            position: relative;
            -moz-box-shadow: 0px 0px 10px #aaa;
            -webkit-box-shadow: 0px 0px 10px #aaa;
            -box-shadow: 0px 0px 10px #aaa;
        }
        .box h2
        {
            color: #f0f0f0;
            padding: 40px 10px;
            text-shadow: 1px 1px 1px #ccc;
        }
        
---------------------------------------------------------------*/